<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui"
	xmlns:f="http://java.sun.com/jsf/core">

<ui:composition template="../templates/general.xhtml">
	<ui:define name="cuerpo">
		<h:form id="dataFormNew" prependId="false">
			<p:growl id="growl" showDetail="true" sticky="false" life="6000" />
			<p:panel id="dataNew" toggleable="true" toggleSpeed="250">
				<f:facet name="header">
					<h:outputText value="#{solicitudController.titulo} de solicitud de mantenimiento" />
				</f:facet>
				<p:panel style="margin-bottom:5px;" styleClass="bgColoredPanel">
				
				<p:panelGrid id="gridDatos" style="width: 100%;" styleClass="ui-custompanelgrid">
				
					<p:row>					
						
						<p:column style="width: 15%;">
								<p:outputLabel value="Codigo Vehiculo"> </p:outputLabel>								
						</p:column>

						<p:column style="width: 10%;">
									<p:inputText styleClass="uppercase" readonly="true"
										value="#{solicitudController.solicitudDTO.codigoVehiculo}" maxlength="1"
										id="placa" style="width: 30px;"></p:inputText>
									
						</p:column>
						
						<p:column style="width: 10%;">
							<p:outputLabel value="Placa"/>
						</p:column>
						
						<p:column style="width: 15%;">
									<p:inputText styleClass="uppercase" required="false" readonly="true"
										value="#{solicitudController.solicitudDTO.placa}" maxlength="6"
										id="modelo" style="width: 80px;"></p:inputText>
						</p:column>
												
						<p:column style="width: 15%;">
							<p:commandButton value="Buscar Vehiculo"
									action="#{solicitudController.irVehiculoDialog}"
									style="width: 130px;" update=":vehiculoDialogForm:listaVehiculoDTO"></p:commandButton>		
						
						</p:column>
												
						<p:column style="width: 35%;">
								<p:message id="modeloIdMsg"
									for="modelo" showSummary="true"
									showDetail="false" />
						</p:column>
						
					</p:row>
					
					<p:row>
						<p:column style="width: 15%;">
							<p:outputLabel value="Solicitante" style="width: 5%;"/>
					    </p:column>

						<p:column style="width: 35%;" colspan="3">
									<p:inputText styleClass="uppercase" required="false"
									 readonly="#{solicitudController.diagnostico}"
										value="#{solicitudController.solicitudDTO.solicitante}" maxlength="100"
										id="solicitante" style="width: 95%;"></p:inputText>
									
						</p:column>
						<p:column style="width: 50%;" colspan="2">
							<p:message id="solicitanteIdMsg"
										for="solicitante" showSummary="true"
										showDetail="false" />
						</p:column>
						
					</p:row>
					
					<p:row>
					
						<p:column style="width: 15%;">
							<p:outputLabel value="Fecha" style="width: 5%;"/>
						</p:column>
					
						<p:column style="width: 35%;" colspan="3">
													
							<p:calendar id="fecha" pattern="dd/MM/yyyy"  value="#{solicitudController.solicitudDTO.fecha}" 
							showOn="button" readonlyInput="true" required="false" />		
							
									
						</p:column>
						
						<p:column style="width: 50%;" colspan="2">
							<p:message id="fechaIdMsg"
									for="fecha" showSummary="true"
									showDetail="false" />
						</p:column>			
					
					</p:row>
					
					<p:row>
						<p:column style="width: 15%;">
							<p:outputLabel value="Motivo" style="width: 5%;"/>
						</p:column>

						<p:column style="width: 35%;" colspan="3">
									<p:inputText styleClass="uppercase" required="false"
									readonly="#{solicitudController.diagnostico}"
										value="#{solicitudController.solicitudDTO.motivo}" maxlength="100"
										id="motivo" style="width: 95%;"></p:inputText>
							
						</p:column>
						<p:column style="width: 50%;" colspan="2">
									<p:message id="motivoIdMsg"
									for="motivo" showSummary="true"
									showDetail="false" />
						</p:column>
						
					</p:row>
					
					<p:row rendered="#{solicitudController.diagnostico}" >
						<p:column style="width: 15%;">
							<p:outputLabel value="Diagnostico" style="width: 5%;"/>
						</p:column>

						<p:column style="width: 35%;" colspan="4">
									<p:inputText styleClass="uppercase" required="false"
										value="#{solicitudController.solicitudDTO.diagnostico}" maxlength="100"
										id="diagnostico" style="width: 95%;"></p:inputText>
							
						</p:column>
						
						
					<p:column style="width: 50%;">
									<p:message id="diagnosticoIdMsg"
									for="diagnostico" showSummary="true"
									showDetail="false" />
					</p:column>	
												
					</p:row>					
				
				</p:panelGrid>									
			</p:panel>
			<p:panel style="margin-bottom:5px;" styleClass="bgColoredPanel">
					<div align="left" style="bgColoredPanel">
						<p:panel>
							
								<p:commandButton value="Aceptar" rendered="#{solicitudController.insert}"
									action="#{solicitudController.insertar}" style="width: 20%;"
									update="gridDatos"></p:commandButton>
									
								<p:commandButton value="Aceptar" rendered="#{solicitudController.update}"
									action="#{solicitudController.actualizar}" style="width: 20%;"
									update="gridDatos"></p:commandButton>
									
								<p:commandButton value="Aceptar Diagnostico" rendered="#{solicitudController.diagnostico}"
									action="#{solicitudController.diagnostico}" style="width: 20%;"
									update="gridDatos"></p:commandButton>
									
								<p:commandButton value="Cancelar"
									action="#{solicitudController.open}" style="width: 20%;"
									update=":dataFormNew:dataNew"></p:commandButton>
							
						</p:panel>			
					</div>
			</p:panel>	
			
			</p:panel>
			
		</h:form>
		
		
		<p:dialog id="vehiculoDialogId" appendToBody="true" width="60%"
			header="Agregar vehiculo" modal="true"
			visible="#{solicitudController.switchMostrarVehiculoDialog}"
			widgetVar="vehiculoDialog" dynamic="true" resizable="true"
			showEffect="puff" hideEffect="puff">
			<p:ajax event="close"
				listener="#{solicitudController.cerrarVehiculoDialog}" />
			<p:outputPanel id="vehiculoDialogOutputPanel">
				<h:form id="vehiculoDialogForm" enctype="multipart/form-data">
					
					<p:panel>
						<p:panelGrid id="vehiculoDialogPanelGrid" style="width: 100%;"
							styleClass="ui-custompanelgrid">
						</p:panelGrid>
						
						<p:dataTable id="listaVehiculoDTO" value="#{solicitudController.listaUV}" var="uv">
							
							<p:column headerText="Selecc" styleClass="center">
							<p:commandButton value="Selecc."
									update=":dataFormNew:dataNew"
									action="#{solicitudController.vehiculoElegido}">								
								<f:setPropertyActionListener								
										target="#{solicitudController.unidadVehicularDTO}"
										value="#{uv}"></f:setPropertyActionListener>		
							</p:commandButton>
							</p:column>
		
							<p:column headerText="Placa" styleClass="center">
								<p:outputLabel value="#{uv.placa}"
									style="width: 5%;">
								</p:outputLabel>
							</p:column>
						
						</p:dataTable>
						
					</p:panel>
					
				</h:form>
			</p:outputPanel>
		</p:dialog>
		
	</ui:define>
</ui:composition>
</html>

